//背景随机图
function sj() {
  var x = 0;
  var y = 5;
  var rand = parseInt(Math.random() * (x - y + 1) + y);
  return rand;
}
sj();

$(".register-beijing").css({
  background: `url(img/4/${sj()}.jpg) no-repeat`,
  "background-size": "cover",
});

// 滑块

$(document).ready(function () {
  var moveX,
    isMove = false,
    sliderWidth = $(".slider").width(),
    downX,
    outBoxWidth = $(".outBox").outerWidth(),
    outBoxLeft = $(".outBox").offset().left;
  $(".slider").bind("mousedown", function (e) {
    downX = e.offsetX;
    isMove = true;
  });
  $(document).on("mousemove", function (e) {
    if (isMove) {
      moveX = e.pageX - outBoxLeft - downX;

      if (moveX > outBoxWidth - sliderWidth) {
        moveX = outBoxWidth - sliderWidth;
      } else if (moveX < 0) {
        moveX = 0;
      }
      $(".slider").css("left", moveX);
      $(".slider_back").width(moveX);
    }
  });
  $(document).bind("mouseup", function () {
    isMove = false;
    if (moveX == outBoxWidth - sliderWidth) {
      $("#remind").text("验证通过");
      $(".slider").html("&#10004;");
      $(".slider").unbind("mousedown");
      $(document).unbind("mouseup");
    } else if (moveX < outBoxWidth - sliderWidth) {
      $("#remind").text("请再次验证");
      $(".slider").css("left", 0);
      $(".slider_back").width("0");
    }
  });
});

// 隐藏显示
$(".img1").click(function () {
  if ($("#register-password").attr("type") == "password") {
    $("#register-password").prop("type", "text");
    $(".img1").prop("src", "img/eye-fill.png");
  } else {
    $("#register-password").prop("type", "password");
    $(".img1").prop("src", "img/eye slash-fill.png");
  }
});

$(".img2").click(function () {
  if ($("#register-password2").attr("type") == "password") {
    $("#register-password2").prop("type", "text");
    $(".img2").prop("src", "img/eye-fill.png");
  } else {
    $("#register-password2").prop("type", "password");
    $(".img2").prop("src", "img/eye slash-fill.png");
  }
});

// 前端验证
// 用户名
let index = true;
let reg = /[a-zA-Z_]\w{1,9}$/;

function Username() {
  if ($("#register-user").val() == "") {
    $(".a").html("请输入用户名");
    return false;
  } else if (!reg.test($("#register-user").val())) {
    $(".a").html("请输入正确格式");
    return false;
  } else {
    $(".a").html("格式正确");
    return true;
  }
}

//后端验证用户名
let hasUser = false;
function hasUserBack() {
  //后端验证用户名是否存在
  $.get(
    "goodsAndShoppingCart/checkUser.php",
    { username: $("#register-user").val() },
    function (data) {
		console.log(data)
      if (data == "﻿0") {
        $(".a").html("该用户名已经存在，请重新思考！");
        // $("#showUser").css({"color":"red"});
        hasUser = false;
      } else {
        $(".a").html("该用户名可以使用，赶紧注册吧！");
        // $("#showUser").css({"color":"green"});
        hasUser = true;
      }
    }
  );
}
$("#register-user").blur(function () {
  if (Username()) {
    hasUserBack();
  }
});

console.log(hasUser);
// 密码

// 判断是否超过6位
let qw = /^.{6,}$/;

let password = function () {
  if (!qw.test($("#register-password").val())) {
    $(".b").html("请输入六位密码");
    return false;
  } else {
    $(".b").html("密码格式正确");
    return true;
  }
};
$("#register-password").blur(function () {
  password();
});

// 判断是否一致
let mima = false;
let password2 = function () {
  if ($("#register-password2").val() == $("#register-password").val()) {
    $(".c").html("密码一致");
    mima = true;
  } else {
    $(".c").html("密码不一致");
    mima = false;
  }
};

$("#register-password2").blur(function () {
  password2();
});
//__________________________________________________________

$("#btnReg").click(function () {


  //2、用户名是否存在(后端验证)
  if (!hasUser) {
    return;
  }
  if(!mima){
	return
  }
  


  $.post(
    "goodsAndShoppingCart/addUser.php",
    {
      username: $("#register-user").val(),
      userpass: $("#register-password").val()
    },
    function (data) {
		console.log(data)
      if (data == "﻿success") {
        $(".messageBox").css({ color: "green" });
        $(".messageBox").html(
          "恭喜您，注册成功！2秒后跳转到<a href='denglu.html'>登录</a>页面"
        );
        setTimeout(() => {
          location.href = "denglu.html";
        }, 2000);
      } else if (data == "﻿fail") {
        $(".messageBox").css({ color: "red" });
        $(".messageBox").html("不好意思，注册失败!");
      } else {
        $(".messageBox").css({ color: "red" });
        $(".messageBox").html("不好意思，服务器出问题了!");
      }
    }
  );
});




$(".register-yiyou").click(function(){
	window.location.href="denglu.html"
})